<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<h:outputStylesheet library="css" name="login.css" />
	<h:outputStylesheet library="css" name="base.css" />

	<div class="barra"></div>

	<div class="formulario">
		<div class="container">
			<h:form id="form">
				<p:growl showDetail="false" showSummary="true"></p:growl>
				<h:outputText value="Realize seu Login!"/> &nbsp;&nbsp;
				<h:inputText value="#{logar.matricula}" rendered="true" requiredMessage="O Campo Matricula é obrigatório"></h:inputText> &nbsp;
				<h:inputText value="#{logar.cpf}" required="true" requiredMessage="O Campo CPF é obrigatório"></h:inputText> &nbsp;
				<p:commandButton value="COFIRMAR" action="#{logar.logar}" update="form"></p:commandButton>
				<p:commandLink value="Esqueci a senha!"></p:commandLink>
			</h:form>
		</div>
	</div>


	<div class="conteudoLogin">
	
		<div class="esquerda">
			<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
			<p align="center">
				<img src="./resources/images/logo.png" alt="" /> <br/>
			</p>
			<p>A hecosoft é uma empresa de soluções em informática <br/>que visa o
				bem estar ambiental e a utilização do meios naturais. <br/>Nosso lema é:
				Sustentabilidade!</p>
		</div>

	&nbsp;

		<div class="direita">
			<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
			<p align="center">
				<img src="./resources/images/logoloca.png" alt="" />
			</p>
			<div class="images">
				<p> <img src="./resources/images/calendar.png" alt="" /> </p> <p>RESERVA DE AMBIENTES</p>
				
				<p><img src="./resources/images/mail.png" alt="" /></p> <p>CONFIRMAÇÃO DE <br/> RESERVA POR EMAIL</p>
				<p><img src="./resources/images/plus.png" alt="" /></p> <p>EQUIPAMENTOS DISPONIBILIZADOS <br/> PARA AMBIENTES RESERVADOS</p>				
			</div>
		</div>
	</div>



	<div class="rodape">
		<ui:include src="/rodape.xhtml"></ui:include>
	</div>

</h:head>
<h:body>
</h:body>
</html>